﻿/*Southern CSS: AK 20181030*/
/********************************************
    Mixins
*********************************************/
/********************************************
    Responsive Typography
*********************************************/
/*************************
variables
*************************/
/*************************
    Typography
*************************/
@import url("https://fonts.googleapis.com/css?family=Poppins:700,900");
p {
  color: #2C2A2B;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
}

.text-red {
  color: #d40000 !important;
}

.text-green {
  color: #4BB543 !important;
}

/*************************
    buttons
*************************/
.btn {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.btn {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .btn {
    font-size: calc(14px + 0 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .btn {
    font-size: 14px;
  }
}
.btn-primary {
  color: #FFFFFF !important;
  background: #00A0AA !important;
  border: 1px solid #00A0AA;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #FFFFFF !important;
  background: #007077 !important;
  border: 1px solid #007077;
}
.btn.add-to-cart {
  color: #FFFFFF !important;
}
.btn.prod-options-btn {
  line-height: 28px;
}
.btn.fav-btn-remove {
  height: auto !important;
  display: none !important;
}

.cat-product-item .button-group button.prod-no-add-to-cart {
  width: 100% !important;
}

/*************************
    Common
*************************/
html, body {
  color: #2C2A2B;
}

.form-control {
  height: 35px;
  border: 1px solid #c5c3bc;
  font-size: 14px;
  border-radius: 0px !important;
}
.form-control:hover, .form-control:active, .form-control:focus {
  border-color: #00A0AA !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 160, 170, 0.6) !important;
}

.breadcrumb {
  margin-top: 15px;
}

.page-title {
  margin-bottom: 25px;
}

/*************************
    Main Owl
*************************/
@media screen and (min-width: 1200px) and (orientation: landscape) {
  #main-owl-carousel .item {
    height: calc(100vh - calc(159.36px + 153px));
  }
}
#main-owl-carousel .item img {
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  #main-owl-carousel .item img {
    object-fit: cover;
    object-position: center left;
  }
}
@media screen and (max-width: 667px) {
  #main-owl-carousel .owl-nav {
    display: none !important;
  }
}

#featuredSlider .carousel-inner .item.active > a {
  display: flex;
  justify-content: center;
}

.owl-nav {
  margin-top: 0px !important;
}
.owl-nav div {
  background: none !important;
  position: absolute;
  bottom: 50%;
  height: 50px;
  width: 50px;
}
.owl-nav div img {
  height: 50px;
}
.owl-nav div.owl-prev {
  left: 5px;
  transform: rotate(180deg);
}
.owl-nav div.owl-next {
  right: 5px;
}
@media screen and (max-width: 667px) {
  .owl-nav div.owl-prev {
    left: -3%;
  }
  .owl-nav div.owl-next {
    right: -3%;
  }
}
.owl-nav div i:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 10px 18px 0;
  border-color: transparent #cf1f2c transparent transparent;
  top: 8px;
  left: 17px;
}
.owl-nav div i.caret-right:before {
  transform: rotate(180deg);
  left: 22px;
}

.owl-dots {
  width: 100%;
  bottom: 20px;
}
.owl-dots .owl-dot.active span {
  background: #00A0AA !important;
  /*&:after {
      background: $primary;
  }*/
}
.owl-dots .owl-dot span {
  height: 15px !important;
  width: 15px !important;
  background: #FFFFFF !important;
  position: relative;
  margin: 5px !important;
  border: 3px solid #FFFFFF;
  box-shadow: 0 0 0 1px #00A0AA;
  /*&:after {
      content: "";
      position: absolute;
      height: 9px;
      width: 9px;
      border-radius: 10px;
      top: 50%;
      left: 50%;
      margin-left: -4px;
      margin-top: -4px;
      background: $white;
      @include ease(.25s);
  }*/
}

/*************************
    User Menu
*************************/
.head-user-menu {
  background: #FFFFFF;
  border-bottom: 1px solid #d0cfca;
}
.head-user-menu.show-user-menu {
  display: block !important;
  position: absolute;
  right: 80px;
  top: 60px;
  /*[CHANGELOG]20230324 JM [TICKET 11115] make the checkout centralize on mobile view*/
}
.head-user-menu.show-user-menu .container {
  padding: 0px;
}
.head-user-menu.show-user-menu ul {
  width: 150px;
  padding: 0px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.head-user-menu.show-user-menu ul li {
  display: block;
  width: 100% !important;
}
.head-user-menu.show-user-menu ul li:not(:last-child) a {
  border-bottom: 1px solid #605e54;
}
.head-user-menu.show-user-menu ul li a {
  padding: 10px 15px;
  width: 100%;
}
.head-user-menu.show-user-menu ul li span {
  display: inline-block !important;
}
@media (max-width: 767px) {
  .head-user-menu.show-user-menu ul {
    left: -70px;
  }
}

.user-menu-options li {
  margin-left: 0px !important;
  border-left: 1px solid #898578;
}
.user-menu-options li a {
  background: #6E6B60;
  color: #FFFFFF !important;
  text-transform: uppercase;
  padding: 7px 10px;
}
.user-menu-options li a:hover, .user-menu-options li a:active, .user-menu-options li a:focus {
  background: #535148;
}
.user-menu-options li a i {
  display: inline-block !important;
  margin-right: 5px;
}
.user-menu-options li.user-register a, .user-menu-options li.user-login a {
  background: #333333;
}
.user-menu-options li.user-register a:hover, .user-menu-options li.user-register a:active, .user-menu-options li.user-register a:focus, .user-menu-options li.user-login a:hover, .user-menu-options li.user-login a:active, .user-menu-options li.user-login a:focus {
  background: #1a1a1a;
}
.user-menu-options li.minicart a {
  background: #00A0AA;
}
.user-menu-options li.minicart a:hover, .user-menu-options li.minicart a:active, .user-menu-options li.minicart a:focus {
  background: #007077;
}

/*************************
   Header
*************************/
header {
  border: none;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  header .head-inner-wrap {
    padding: 0px;
  }
}
header .logo {
  margin: 7px 0;
}
header .logo img {
  max-height: 55px !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .logo {
    margin: 2px 0;
  }
  header .logo img {
    max-height: 40px !important;
  }
}
@media screen and (max-width: 667px) and (orientation: portrait) {
  header .logo {
    margin: 8px 0;
  }
  header .logo img {
    max-height: 28px !important;
  }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  header .logo {
    margin: 2px 0;
  }
  header .logo img {
    max-height: 40px !important;
  }
}
header .search {
  margin-top: 26px;
}
header .search i {
  position: absolute;
  right: 25px;
  top: 8px;
  font-size: 18px;
  color: #b9b6b7;
}
header .main-menu {
  background: #00A0AA;
  float: none;
  min-height: auto;
  border: none !important;
  top: unset !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .main-menu {
    overflow: auto;
  }
}
@media screen and (max-width: 667px) {
  header .main-menu {
    overflow: auto;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .main-menu.navbar {
    height: calc(100vh - 60px) !important;
  }
}
@media screen and (max-width: 667px) {
  header .main-menu.navbar {
    height: calc(100vh - 60px) !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  header .main-menu .container {
    padding: 0px !important;
  }
}
header .main-menu li {
  border-left: 1px solid #008891;
}
@media screen and (max-width: 667px) {
  header .main-menu li {
    border: none;
  }
}
header .main-menu li a {
  padding: 15px 20px !important;
  margin: 0px !important;
  color: #FFFFFF !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  header .main-menu li a {
    font-weight: bold;
    border-left: none;
    color: #2C2A2B !important;
  }
}
@media screen and (max-width: 667px) {
  header .main-menu li a {
    font-weight: bold;
    border-left: none;
    color: #2C2A2B !important;
  }
}
header .main-menu li a:hover, header .main-menu li a:active, header .main-menu li a:focus {
  background: #008891 !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  header .main-menu li a:hover, header .main-menu li a:active, header .main-menu li a:focus {
    color: #FFFFFF !important;
  }
}
header .main-menu li.active a {
  background: #008891;
  border-bottom: none !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  header .main-menu li.active a {
    color: #FFFFFF !important;
  }
}
@media screen and (max-width: 667px) {
  header .main-menu li.active a {
    color: #FFFFFF !important;
  }
}
header .main-menu .nav .caret {
  right: 25px !important;
}
header .main-menu .nav .open > a {
  background-color: #00A0AA !important;
  border-left: 1px solid #706c61 !important;
}
header .main-menu .nav .open > a:hover, header .main-menu .nav .open > a:active, header .main-menu .nav .open > a:focus {
  background-color: #00A0AA !important;
  border-left: 1px solid #706c61 !important;
}
header .main-menu .nav .open .sub-menu {
  background: rgba(255, 255, 255, 0.98) !important;
  min-height: 350px;
  overflow: auto;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  header .main-menu .nav .open .sub-menu {
    height: 600px;
    overflow-x: hidden !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .main-menu .nav .open .sub-menu {
    position: unset !important;
  }
}
@media screen and (max-width: 667px) {
  header .main-menu .nav .open .sub-menu {
    position: unset !important;
  }
}
header .main-menu .nav .open .sub-menu li {
  border: none;
}
header .main-menu .nav .open .sub-menu .container {
  display: block;
}
@media screen and (min-width: 1024px) and (orientation: landscape) {
  header .main-menu .nav .open .sub-menu .container {
    width: 100% !important;
  }
}
@media screen and (max-width: 667px) {
  header .main-menu .nav .open .sub-menu.sub-menu-column, header .main-menu .nav .open .sub-menu.sub-menu-column .container {
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .main-menu .nav .open .sub-menu.sub-menu-column, header .main-menu .nav .open .sub-menu.sub-menu-column .container {
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}
header .main-menu .nav .open .sub-menu a {
  color: #2C2A2B !important;
  text-transform: uppercase;
  background: none !important;
}
header .main-menu .nav .open .sub-menu-item {
  float: left;
  margin-right: 15px;
}
header .main-menu .nav .open .sub-menu-item > a {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  color: #00A0AA !important;
  border: none;
  text-decoration: none;
  position: relative;
  padding-bottom: 4px !important;
}
header .main-menu .nav .open .sub-menu-item > a {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  header .main-menu .nav .open .sub-menu-item > a {
    font-size: calc(14px + 4 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  header .main-menu .nav .open .sub-menu-item > a {
    font-size: 18px;
  }
}
header .main-menu .nav .open .sub-menu-item > a:after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 20px;
  background: transparent;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .main-menu .nav .open .sub-menu-item > a:hover, header .main-menu .nav .open .sub-menu-item > a:active, header .main-menu .nav .open .sub-menu-item > a:focus {
  color: #007077;
}
header .main-menu .nav .open .sub-menu-item > a:hover:after, header .main-menu .nav .open .sub-menu-item > a:active:after, header .main-menu .nav .open .sub-menu-item > a:focus:after {
  background: #00A0AA;
}
header .main-menu .nav .open .sub-menu-item li a {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  padding: 0px 0px 0px 20px !important;
  text-decoration: none;
  position: relative;
  display: block;
  float: left;
  clear: both;
  width: auto !important;
}
header .main-menu .nav .open .sub-menu-item li a {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  header .main-menu .nav .open .sub-menu-item li a {
    font-size: calc(14px + -3 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  header .main-menu .nav .open .sub-menu-item li a {
    font-size: 11px;
  }
}
header .main-menu .nav .open .sub-menu-item li a:after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 20px;
  background: transparent;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .main-menu .nav .open .sub-menu-item li a:hover:after, header .main-menu .nav .open .sub-menu-item li a:active:after, header .main-menu .nav .open .sub-menu-item li a:focus:after {
  background: #2C2A2B;
}
header .nav-main-toggle-wrap {
  background: #00A0AA;
  height: 60px;
  width: 80px;
  position: relative;
}
header .nav-main-toggle-wrap:hover, header .nav-main-toggle-wrap:active, header .nav-main-toggle-wrap:focus {
  background: #007077;
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .nav-main-toggle-wrap {
    right: -9px;
  }
}
header .nav-main-toggle-wrap .nav-main-toggle {
  right: 18px;
}
header .nav-main-toggle-wrap span {
  background: #FFFFFF;
  border-radius: 2px !important;
}
header .nav-user-toggle {
  position: absolute;
  height: 60px;
  right: 80px;
  width: 90px;
  font-size: 40px;
  background: #6E6B60;
  text-align: center;
  color: #FFFFFF;
  padding-right: 10px;
  text-decoration: none !important;
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  header .nav-user-toggle {
    right: 71px;
  }
}
header .nav-user-toggle:hover, header .nav-user-toggle:active, header .nav-user-toggle:focus {
  background: #535148;
}
@media screen and (max-width: 667px) {
  header .head-inner-wrap {
    padding: 10px 0;
  }
}
header .head-phonenumber {
  text-align: right;
}
header .head-phonenumber h4 {
  position: relative;
  padding-top: 8px;
}
header .head-phonenumber h4 a {
  color: #00A0AA;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
header .head-phonenumber h4 a {
  font-size: 20px;
}
@media (min-width: 360px) and (max-width: 1920px) {
  header .head-phonenumber h4 a {
    font-size: calc( 20px + 15 * (100vw - 360px) / 1560 );
  }
}
@media (min-width: 1920px) {
  header .head-phonenumber h4 a {
    font-size: 35px;
  }
}
header .head-phonenumber h4 ainclude hover {
  color: #007077;
}
header .head-phonenumber h4:after {
  content: "100% Proudly New Zealand Owned and operated";
  position: absolute;
  text-wrap: no-wrap;
  width: 100%;
  left: 0;
  bottom: -10px;
  font-size: 10.5px;
  font-family: Roboto;
}

/*************************
   Slider
*************************/
.slider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider-container .slider-content {
  padding: 3vh 6.6vw;
  text-align: left;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .slider-container .slider-content {
    padding: 1vh 6.6vw;
  }
}
.slider-container .slider-content .slider-title {
  border-width: 0 0 0.5vh 0;
  border-style: solid;
  border-color: #00A0AA;
  float: left;
  text-align: right;
  margin-bottom: 2.5vh;
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .slider-container .slider-content .slider-title {
    margin-bottom: 0.5vh;
  }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  .slider-container .slider-content .slider-title {
    margin-bottom: 2vh;
  }
}
.slider-container .slider-content h2, .slider-container .slider-content h3 {
  color: #00A0AA;
  margin: 0px;
  line-height: normal;
  font-family: "Poppins";
}
.slider-container .slider-content h2, .slider-container .slider-content h3 {
  font-size: 30px;
}
@media (min-width: 360px) and (max-width: 1920px) {
  .slider-container .slider-content h2, .slider-container .slider-content h3 {
    font-size: calc( 30px + 130 * (100vw - 360px) / 1560 );
  }
}
@media (min-width: 1920px) {
  .slider-container .slider-content h2, .slider-container .slider-content h3 {
    font-size: 160px;
  }
}
.slider-container .slider-content h3 {
  font-family: "Poppins";
  margin-top: -3.5vh;
}
.slider-container .slider-content h3 {
  font-size: 14px;
}
@media (min-width: 360px) and (max-width: 1920px) {
  .slider-container .slider-content h3 {
    font-size: calc( 14px + 66 * (100vw - 360px) / 1560 );
  }
}
@media (min-width: 1920px) {
  .slider-container .slider-content h3 {
    font-size: 80px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .slider-container .slider-content h3 {
    margin-top: -1vh;
  }
}
.slider-container .slider-content p {
  font-family: "Poppins";
  line-height: normal;
}
.slider-container .slider-content p {
  font-size: 8px;
}
@media (min-width: 360px) and (max-width: 1920px) {
  .slider-container .slider-content p {
    font-size: calc( 8px + 32 * (100vw - 360px) / 1560 );
  }
}
@media (min-width: 1920px) {
  .slider-container .slider-content p {
    font-size: 40x;
  }
}
.slider-container .slider-content .slider-button {
  float: left;
  border-radius: 15px;
  padding: 10px 25px;
  color: #FFFFFF;
  margin-top: 1.5vh;
  background: #00A0AA;
  font-family: "Poppins";
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .slider-container .slider-content .slider-button {
    padding: 0.8vh 2vw;
    border-radius: 1.5vw;
  }
}
.slider-container .slider-content .slider-button {
  font-size: 8px;
}
@media (min-width: 360px) and (max-width: 1920px) {
  .slider-container .slider-content .slider-button {
    font-size: calc( 8px + 17 * (100vw - 360px) / 1560 );
  }
}
@media (min-width: 1920px) {
  .slider-container .slider-content .slider-button {
    font-size: 25px;
  }
}
@media screen and (max-width: 667px) {
  .slider-container .slider-content .slider-button {
    margin-top: 0.2vh;
  }
}

/*************************
   Featured Panels
*************************/
.featured-category-seperator {
  display: none;
}

.featured-panels {
  background: #00A0AA;
  padding: 20px 0;
  position: relative;
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .featured-panels .scroll-down {
    position: absolute;
    display: block !important;
    text-align: center;
    color: #8e8a7d;
    bottom: -23px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
  }
  .featured-panels .scroll-down {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) and (orientation: landscape) and (min-width: 240px) {
  .featured-panels .scroll-down {
    font-size: calc(14px + -2 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1200px) and (orientation: landscape) and (min-width: 1502px) {
  .featured-panels .scroll-down {
    font-size: 12px;
  }
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .featured-panels .scroll-down:hover, .featured-panels .scroll-down:active, .featured-panels .scroll-down:focus {
    color: #2C2A2B !important;
  }
}
.featured-panels .featured-panel {
  display: block;
  float: left;
  padding: 0 15px 0 15px;
  position: relative;
}
@media screen and (max-width: 667px) {
  .featured-panels .featured-panel {
    background: #00A0AA;
  }
  .featured-panels .featured-panel:nth-child(2) {
    padding: 15px 15px 20px 15px !important;
    position: relative;
  }
  .featured-panels .featured-panel:nth-child(2) .panel-desc {
    position: relative;
  }
  .featured-panels .featured-panel:nth-child(2) .panel-desc:after, .featured-panels .featured-panel:nth-child(2) .panel-desc:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 3px;
    background: #FFFFFF;
  }
  .featured-panels .featured-panel:nth-child(2) .panel-desc:before {
    top: -20px;
  }
  .featured-panels .featured-panel:nth-child(2) .panel-desc:after {
    bottom: -20px;
  }
  .featured-panels .featured-panel:not(:last-child) {
    padding: 5px 15px;
    margin-bottom: 15px;
  }
}
.featured-panels .featured-panel .panel-icon {
  position: absolute;
  left: 0px;
}
@media screen and (max-width: 667px) {
  .featured-panels .featured-panel .panel-icon {
    left: 15px;
  }
}
.featured-panels .featured-panel .panel-icon, .featured-panels .featured-panel .panel-desc, .featured-panels .featured-panel .panel-action {
  display: block;
  float: left;
}
.featured-panels .featured-panel .panel-icon a {
  width: 85px;
  height: 85px;
  display: block;
  border-radius: 5px;
  background: #FFFFFF;
  font-size: 50px;
  line-height: 80px;
  color: #00A0AA;
}
.featured-panels .featured-panel .panel-desc {
  text-align: left;
  padding-left: 75px;
  margin-left: 10px;
}
@media screen and (max-width: 667px) {
  .featured-panels .featured-panel .panel-desc {
    padding-left: 85px;
  }
}
.featured-panels .featured-panel .panel-desc h3 {
  margin-top: -3px;
  margin-bottom: 5px;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  line-height: normal;
}
.featured-panels .featured-panel .panel-desc h3 {
  font-size: 15px;
}
@media screen and (min-width: 240px) {
  .featured-panels .featured-panel .panel-desc h3 {
    font-size: calc(15px + 2 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .featured-panels .featured-panel .panel-desc h3 {
    font-size: 17px;
  }
}
.featured-panels .featured-panel .panel-desc p {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.featured-panels .featured-panel .panel-desc p {
  font-size: 12px;
}
@media screen and (min-width: 240px) {
  .featured-panels .featured-panel .panel-desc p {
    font-size: calc(12px + 1 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .featured-panels .featured-panel .panel-desc p {
    font-size: 13px;
  }
}
@media screen and (max-width: 667px) {
  .featured-panels .featured-panel .panel-desc p {
    font-size: 13px;
  }
}
.featured-panels .featured-panel .panel-desc a {
  font-size: 12px;
  text-decoration: underline;
  font-style: italic;
}
@media screen and (max-width: 667px) {
  .featured-panels .featured-panel .panel-desc a {
    font-size: 10px;
  }
}
.featured-panels .featured-panel .panel-desc * {
  color: #FFFFFF;
}

/*************************
   Featured Products
*************************/
.featured-product-seperator {
  margin-top: 25px;
  margin-bottom: 15px;
}
@media screen and (max-width: 667px) {
  .featured-product-seperator {
    margin-top: 0px;
  }
}
.featured-product-seperator h3 {
  text-align: left;
  color: #00A0AA;
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .featured-product-seperator {
    margin-top: 50px;
  }
}

.product-owl-carousel .cat-product-item {
  padding: 0px;
}
.product-owl-carousel .owl-nav .owl-prev {
  left: -65px;
  transform: scale(0.7) rotate(180deg);
}
.product-owl-carousel .owl-nav .owl-next {
  right: -65px;
  transform: scale(0.7);
}
@media screen and (max-width: 667px) {
  .product-owl-carousel .owl-nav .owl-prev, .product-owl-carousel .owl-nav .owl-next {
    padding: 0px;
  }
  .product-owl-carousel .owl-nav .owl-prev {
    left: 15px !important;
  }
  .product-owl-carousel .owl-nav .owl-next {
    right: 15px !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  .product-owl-carousel .owl-nav .owl-prev, .product-owl-carousel .owl-nav .owl-next {
    padding: 0px;
  }
  .product-owl-carousel .owl-nav .owl-prev {
    left: -10px !important;
  }
  .product-owl-carousel .owl-nav .owl-next {
    right: -10px !important;
  }
}

/************************* 
   News Panel
*************************/
.news-panels {
  margin: 35px 0;
}
.news-panels .news-panel {
  overflow: hidden;
}
@media screen and (max-width: 667px) {
  .news-panels .news-panel:not(:last-child) {
    margin-bottom: 15px;
  }
}
.news-panels .news-panel .news-icon {
  position: relative;
}
.news-panels .news-panel .news-icon:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: -35px;
  left: 0;
  z-index: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+13,0.9+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.9) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#e6000000",GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.news-panels .news-panel .news-icon:hover:after, .news-panels .news-panel .news-icon:active:after, .news-panels .news-panel .news-icon:focus:after {
  bottom: 0px;
}
.news-panels .news-panel .news-desc {
  position: absolute;
  bottom: 15px;
  padding: 0 15px;
  z-index: 2;
}
.news-panels .news-panel .news-desc h3 {
  color: #FFFFFF;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  line-height: 24px;
}
.news-panels .news-panel .news-desc h3 {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .news-panels .news-panel .news-desc h3 {
    font-size: calc(14px + 6 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .news-panels .news-panel .news-desc h3 {
    font-size: 20px;
  }
}
.news-panels .news-panel .news-desc .btn {
  border-radius: 5px;
}

/************************* 
   Products
*************************/
.search-options .search-bar-toggle {
  display: none !important;
}

.cat-product-thumb {
  border: none;
  padding-bottom: 40px !important;
}
.cat-product-thumb .prod-actions .qty {
  padding: 14px 12px !important;
  text-align: center;
  height: 38px;
}

.product-monogram-item {
  margin-bottom: 20px;
}

.tcp-productline {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #e8e7e5;
}
.tcp-productline a {
  display: block;
  color: #2C2A2B;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.tcp-productline a {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .tcp-productline a {
    font-size: calc(14px + 2 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .tcp-productline a {
    font-size: 16px;
  }
}
.tcp-productline a span {
  font-size: 12px;
  color: #6E6B60;
}

.trade-products-row a, .trade-products-row .prod-img {
  display: block;
  height: 38px;
}

.featured-product, .cat-product-item, .product-monogram-item {
  /*a, .prod-img {
      display: block;
      height: 38px;
  }*/
}
.featured-product.selected, .cat-product-item.selected, .product-monogram-item.selected {
  background: #ecefec;
}
.featured-product .img-wrapper, .featured-product .cat-product-image, .cat-product-item .img-wrapper, .cat-product-item .cat-product-image, .product-monogram-item .img-wrapper, .product-monogram-item .cat-product-image {
  border: 1px solid #d0cfca;
  height: 250px;
  padding: 0px;
}
.featured-product .img-wrapper img, .featured-product .cat-product-image img, .cat-product-item .img-wrapper img, .cat-product-item .cat-product-image img, .product-monogram-item .img-wrapper img, .product-monogram-item .cat-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center center;
  padding: 5px !important;
}
.featured-product .cat-product-caption, .cat-product-item .cat-product-caption, .product-monogram-item .cat-product-caption {
  padding: 10px 0;
  text-align: center;
}
.featured-product h3, .featured-product h4, .featured-product .prod-price, .cat-product-item h3, .cat-product-item h4, .cat-product-item .prod-price, .product-monogram-item h3, .product-monogram-item h4, .product-monogram-item .prod-price {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 21px;
}
.featured-product h3, .featured-product h4, .featured-product .prod-price, .cat-product-item h3, .cat-product-item h4, .cat-product-item .prod-price, .product-monogram-item h3, .product-monogram-item h4, .product-monogram-item .prod-price {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .featured-product h3, .featured-product h4, .featured-product .prod-price, .cat-product-item h3, .cat-product-item h4, .cat-product-item .prod-price, .product-monogram-item h3, .product-monogram-item h4, .product-monogram-item .prod-price {
    font-size: calc(14px + 2 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .featured-product h3, .featured-product h4, .featured-product .prod-price, .cat-product-item h3, .cat-product-item h4, .cat-product-item .prod-price, .product-monogram-item h3, .product-monogram-item h4, .product-monogram-item .prod-price {
    font-size: 16px;
  }
}
.featured-product h4, .cat-product-item h4, .product-monogram-item h4 {
  min-height: 42px;
  margin: 10px 0 0 0;
}
.featured-product .product-code, .cat-product-item .product-code, .product-monogram-item .product-code {
  display: none;
}
.featured-product h5, .cat-product-item h5, .product-monogram-item h5 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.featured-product h5, .cat-product-item h5, .product-monogram-item h5 {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .featured-product h5, .cat-product-item h5, .product-monogram-item h5 {
    font-size: calc(14px + 0 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .featured-product h5, .cat-product-item h5, .product-monogram-item h5 {
    font-size: 14px;
  }
}
.featured-product .prod-price, .cat-product-item .prod-price, .product-monogram-item .prod-price {
  font-size: 20px !important;
  font-weight: bold;
  display: block;
  float: none;
  position: relative;
  top: 0;
  padding: 15px 0;
  color: #2C2A2B;
}
.featured-product .prod-price small, .cat-product-item .prod-price small, .product-monogram-item .prod-price small {
  font-weight: normal;
  font-size: 12px !important;
  color: #6E6B60;
}
.featured-product a:hover, .featured-product a:active, .featured-product a:focus, .cat-product-item a:hover, .cat-product-item a:active, .cat-product-item a:focus, .product-monogram-item a:hover, .product-monogram-item a:active, .product-monogram-item a:focus {
  text-decoration: none !important;
}
.featured-product .view-link, .cat-product-item .view-link, .product-monogram-item .view-link {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #00A0AA;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.featured-product .view-link, .cat-product-item .view-link, .product-monogram-item .view-link {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .featured-product .view-link, .cat-product-item .view-link, .product-monogram-item .view-link {
    font-size: calc(14px + 0 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .featured-product .view-link, .cat-product-item .view-link, .product-monogram-item .view-link {
    font-size: 14px;
  }
}
.featured-product .view-link:after, .cat-product-item .view-link:after, .product-monogram-item .view-link:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -3px;
  left: 0;
  height: 1px;
  background: transparent;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.featured-product .view-link:hover, .featured-product .view-link:active, .featured-product .view-link:focus, .cat-product-item .view-link:hover, .cat-product-item .view-link:active, .cat-product-item .view-link:focus, .product-monogram-item .view-link:hover, .product-monogram-item .view-link:active, .product-monogram-item .view-link:focus {
  color: #007077;
}
.featured-product .view-link:hover:after, .featured-product .view-link:active:after, .featured-product .view-link:focus:after, .cat-product-item .view-link:hover:after, .cat-product-item .view-link:active:after, .cat-product-item .view-link:focus:after, .product-monogram-item .view-link:hover:after, .product-monogram-item .view-link:active:after, .product-monogram-item .view-link:focus:after {
  background: #007077;
}

/************************* 
   Product
*************************/
.single-product-page .tab-content {
  padding: 15px !important;
}

.product {
  margin-bottom: 15px;
}

.product-title {
  margin-top: 0px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.product-title {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .product-title {
    font-size: calc(14px + 17 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .product-title {
    font-size: 31px;
  }
}

.single-prod-info h1, .single-prod-info h2, .single-prod-info h3, .single-prod-info h4, .single-prod-info h5, .single-prod-info h6 {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}
.single-prod-info .info-items {
  list-style: none;
}

/*************************
    Trade landing & Monograms
*************************/
.product-monograms .loader {
  padding: 25px;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}

.product-monogram-desc .checkbox {
  padding: 5px 15px;
  background: #f3f3f3;
  border: 1px solid #dddddd;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.product-monogram-desc .checkbox input {
  margin-top: 2px;
}

.trade-products .part-info {
  width: auto;
  margin-top: 5px;
}
.trade-products .part-info th {
  font-weight: bold;
}
.trade-products .part-info td, .trade-products .part-info th {
  font-size: 12px;
  padding: 3px;
  vertical-align: middle;
}
.trade-products .addtocart-group .prod-price {
  padding: 8px 0;
}

/*************************
  Footer
*************************/
.footer-2 .footer-content {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ab357+0,00a0aa+100 */
  background: rgb(138, 179, 87); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(138, 179, 87) 0%, rgb(0, 160, 170) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(138, 179, 87) 0%, rgb(0, 160, 170) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(138, 179, 87) 0%, rgb(0, 160, 170) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#8ab357", endColorstr="#00a0aa",GradientType=1 ); /* IE6-9 */
}
.footer-2 .footer-content .input-group input {
  margin-bottom: 0px;
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .footer-2 .footer-content:not(.footer-content-split) .form-group .input-group {
    width: 50% !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  .footer-2 .footer-content:not(.footer-content-split) .form-group .input-group {
    width: 75% !important;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {
  .footer-2 .footer-content:not(.footer-content-split) .form-group .input-group {
    width: 50% !important;
  }
}
@media screen and (max-width: 667px) {
  .footer-2 .footer-content button {
    margin-top: 15px !important;
  }
}
.footer-2 .footer-tiles {
  position: relative;
  top: -1px;
  padding: 15px 15px 40px 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ab357+0,00a0aa+100 */
  background: rgb(138, 179, 87); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(138, 179, 87) 0%, rgb(0, 160, 170) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(138, 179, 87) 0%, rgb(0, 160, 170) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(138, 179, 87) 0%, rgb(0, 160, 170) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#8ab357", endColorstr="#00a0aa",GradientType=1 ); /* IE6-9 */
}
.footer-2 .footer-tiles .panel-icon {
  float: left;
  width: 60px;
  font-size: 70px;
  position: relative;
}
.footer-2 .footer-tiles .panel-icon i {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  left: 0;
}
.footer-2 .footer-tiles .panel-desc, .footer-2 .footer-tiles .panel-action {
  padding-left: 80px;
  text-align: left;
}
.footer-2 .footer-tiles .panel-desc h3, .footer-2 .footer-tiles .panel-desc p, .footer-2 .footer-tiles .panel-action h3, .footer-2 .footer-tiles .panel-action p {
  color: #FFFFFF;
}
.footer-2 .footer-tiles .panel-desc p, .footer-2 .footer-tiles .panel-action p {
  font-size: 14px;
}
.footer-2 .footer-tiles .panel-desc a, .footer-2 .footer-tiles .panel-action a {
  background: none !important;
  padding: 0px;
  border: none;
  font-size: 10px;
  color: #2C2A2B;
  text-decoration: underline;
}
.footer-2 .footer-contact .footer span, .footer-2 .footer-contact .footer-email, .footer-2 .footer-contact .footer-global-2, .footer-2 .footer-contact .footer-global-4 {
  white-space: pre-line;
  color: #FFFFFF;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.footer-2 .footer-contact .footer span, .footer-2 .footer-contact .footer-email, .footer-2 .footer-contact .footer-global-2, .footer-2 .footer-contact .footer-global-4 {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .footer-2 .footer-contact .footer span, .footer-2 .footer-contact .footer-email, .footer-2 .footer-contact .footer-global-2, .footer-2 .footer-contact .footer-global-4 {
    font-size: calc(14px + 0 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .footer-2 .footer-contact .footer span, .footer-2 .footer-contact .footer-email, .footer-2 .footer-contact .footer-global-2, .footer-2 .footer-contact .footer-global-4 {
    font-size: 14px;
  }
}
.footer-2 .footer-contact .footer-title {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.footer-2 .footer-contact .footer-title {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .footer-2 .footer-contact .footer-title {
    font-size: calc(14px + 4 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .footer-2 .footer-contact .footer-title {
    font-size: 18px;
  }
}
.footer-2 .footer-contact .footer-phone, .footer-2 .footer-contact .footer-global-1, .footer-2 .footer-contact .footer-global-3 {
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
.footer-2 .footer-contact .footer-phone, .footer-2 .footer-contact .footer-global-1, .footer-2 .footer-contact .footer-global-3 {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .footer-2 .footer-contact .footer-phone, .footer-2 .footer-contact .footer-global-1, .footer-2 .footer-contact .footer-global-3 {
    font-size: calc(14px + 0 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .footer-2 .footer-contact .footer-phone, .footer-2 .footer-contact .footer-global-1, .footer-2 .footer-contact .footer-global-3 {
    font-size: 14px;
  }
}
.footer-2 .footer-contact .footer-global-1, .footer-2 .footer-contact .footer-global-3 {
  margin-top: 15px;
}
.footer-2 .footer-contact .footer-global-2, .footer-2 .footer-contact .footer-global-4 {
  margin-top: -1em;
}
@media screen and (max-width: 667px) {
  .footer-2 .footer-main {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.footer-2 .footer-main #footer-menu li a {
  color: #FFFFFF !important;
}
.footer-2 .footer-main #footer-menu li a:hover, .footer-2 .footer-main #footer-menu li a:active, .footer-2 .footer-main #footer-menu li a:focus {
  padding-left: 0px !important;
}
.footer-2 .footer-main #footer-menu li ul a {
  position: relative;
  width: auto !important;
  display: block;
  float: left;
  clear: both;
}
.footer-2 .footer-main #footer-menu li ul a:after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0px;
  background: transparent;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.footer-2 .footer-main #footer-menu li ul a:hover:after, .footer-2 .footer-main #footer-menu li ul a:active:after, .footer-2 .footer-main #footer-menu li ul a:focus:after {
  background: #FFFFFF;
}
.footer-2 .footer-main #footer-menu li.footer-menu-item > a {
  font-size: 18px !important;
  font-family: "Poppins";
  letter-spacing: 0.025em;
  border: none !important;
  text-transform: uppercase;
}
.footer-2 .footer-main #footer-menu li.footer-menu-item .footer-sub-menu a {
  font-size: 14px;
}
.footer-2 .footer-custom-content p {
  margin: 0px;
}
.footer-2 .footer-custom-content a {
  margin-top: 15px;
  font-size: 25px;
  font-weight: bold;
  color: #FFFFFF;
}

.footer-content .footer-signup {
  background: none !important;
  padding: 32px 15px 31px 15px !important;
}
.footer-content .footer-signup form {
  padding: 0px !important;
}
.footer-content .footer-signup form .form-group {
  margin-bottom: 0px;
}
.footer-content .footer-signup label {
  margin-top: 0px !important;
  color: #FFFFFF !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
}
.footer-content .footer-signup label {
  font-size: 14px;
}
@media screen and (min-width: 240px) {
  .footer-content .footer-signup label {
    font-size: calc(14px + 6 * ((100vw - 240px) / 1262));
  }
}
@media screen and (min-width: 1502px) {
  .footer-content .footer-signup label {
    font-size: 20px;
  }
}
.footer-content .footer-signup span {
  max-width: 80px;
}
@media screen and (max-width: 667px) {
  .footer-content .footer-signup span {
    max-width: none;
  }
}
.footer-content .footer-signup span button {
  width: 100%;
  height: 35px;
  text-transform: uppercase;
  font-size: 16px;
  background: #00A0AA !important;
  border: 1px solid #00A0AA !important;
}
.footer-content .footer-signup span button:hover, .footer-content .footer-signup span button:active, .footer-content .footer-signup span button:focus {
  background: #007077 !important;
  border: 1px solid #007077 !important;
}

.footer-main {
  margin-top: -1px;
  background: #2e2e2e !important;
  border: none;
  position: relative;
  z-index: 2;
}
.footer-main #footer-menu {
  padding-top: 0px;
}
.footer-main .navbar-brand {
  text-transform: uppercase;
  color: #FFFFFF;
}
.footer-main .navbar-toggle {
  border: none;
  background: none !important;
}
.footer-main .navbar-toggle span {
  background: #FFFFFF !important;
  border-radius: 2px !important;
}
.footer-main .navbar-collapse {
  padding: 25px 15px;
}
@media screen and (max-width: 667px) {
  .footer-main .footer-contact {
    display: none;
  }
}

.footer-bottom {
  border: none;
  background: #292929;
  color: #FFFFFF !important;
  padding-bottom: 0px;
}
.footer-bottom a {
  color: #FFFFFF !important;
}

@media screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  .footer-menu .navbar-toggle {
    display: none;
  }
  .footer-menu .navbar-collapse.collapse {
    display: block !important;
  }
}

/*************************
  RESPONSIVE
*************************/
/**************************
    Global Catalogue
**************************/
.catalogue-container {
  right: 25px;
  bottom: 25px;
  z-index: 10;
  position: fixed;
}
@media screen and (max-width: 667px) {
  .catalogue-container {
    padding: 15px;
    position: relative !important;
    margin: auto;
    float: none;
    right: unset !important;
    bottom: unset !important;
    background: #2e2e2e;
  }
}
.catalogue-container.fixed {
  position: absolute;
}
.catalogue-container .catalogue-item {
  background: white;
  box-shadow: 0 2px 5px grey;
  padding: 5px;
}
@media screen and (max-width: 667px) {
  .catalogue-container .catalogue-item {
    margin: auto;
    width: 120px;
  }
}
.catalogue-container .catalogue-item:hover .catalogue-image-wrapper {
  box-shadow: 0 2px 3px grey;
}
.catalogue-container .catalogue-item:hover .catalogue-image-wrapper img {
  transform: scale(1.05);
}
.catalogue-container .catalogue-item .catalogue-actions a {
  display: block;
  text-align: center;
}
.catalogue-container .catalogue-item .catalogue-image-wrapper {
  height: 150px !important;
  overflow: hidden !important;
}
.catalogue-container .catalogue-item .catalogue-image-wrapper img {
  transition: all 0.25s ease-in-out 0s !important;
}
.catalogue-container .catalogue-item .catalogue-description {
  text-align: center;
}
.catalogue-container .catalogue-item .catalogue-description h4 {
  font-size: 16px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Development/isellWebMVC/isellWebMVC/ViewsCustom/ids/css/ids.scss%22,%22file:///D:/Development/isellWebMVC/isellWebMVC/Content/RS2/css/_mixins.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%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%22%7D */